.yg-my {
  height: 85vh;
  background: #fff;
  .my-nav {
    background: var(--themeColor);
  }

  .my-login {
    height: 4.8rem;
    position: relative;
    background: #fff;

    button {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 4.266667rem;
      height: 1.066667rem;
      line-height: 1.066667rem;
      border: 1px solid var(--themeColor);
      color: var(--themeColor);
      text-align: center;
      font-size: 0.426667rem;
      background: #fff;
      border-radius: 0.133333rem;
      font-weight: bold;
    }
  }

  .my-items {
    width: 100%;
    border-top: solid #F9F9F9 0.266667rem;
    border-bottom: solid #F9F9F9 0.266667rem;
    display: flex;
    justify-content: center;
    align-items: center;

    .my-items-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 0.426667rem;
      flex: 1;
      height: 2rem;
      background: #fff;

      i {
        font-size: 0.6rem;
        margin-bottom: 0.133333rem;
      }
    }
  }

  .my-ft {
    background: #fff;

    .my-ft-item {
      display: flex;
      justify-content: space-between;
      padding: 0.533333rem 0.533333rem 0.533333rem 0.266667rem;
      border-bottom: 0.053333rem solid#EAEAEA;
      font-size: 0.426667rem;
      p{
        i{
          margin-right: 0.133333rem;
        }
      }
    }
  }
}